Front End Portfolio Website Tutorial – Next.js, Three.js, Tailwind CSS

モバイル
youtube
Front End Portfolio Website Tutorial – Next.js, Three.js, Tailwind CSS Learn to code a mobile responsive personal portfolio website using Next.js, Three.js & Tailwind CSS. Course developed by @CodeBucks 🔗 Demo Link: 💻 Starter Code: 💻 Final Code: ⭐️ Contents ⭐️ ⌨️ (0:00:00) Intro + Demo ⌨️ (0:06:02) Setup and Installation ⌨️ (0:08:11) Layout.js file and Tailwind config ⌨️ (0:11:53) Home page ⌨️ (0:13:21) Generate Images using Playground AI ⌨️ (0:16:56) 3D model configuration and Rendering ⌨️ (0:37:13) Navigation buttons ⌨️ (1:07:53) Creating background firefly effect ⌨️ (1:20:07) Projects page ⌨️ (1:32:46) Subpages layout ⌨️ (1:40:08) About page ⌨️ (1:55:48) Github stats & Skill icons ⌨️ (2:10:48) Contact page ⌨️ (2:20:06) Using Emailjs ⌨️ (2:35:27) Show toast messages ⌨️ (2:41:23) Mobile responsive ⌨️ (3:10:16) Adding animations using framer-motion ⌨️ (3:23:57) Adding music ⌨️ (3:49:21) Optimizing Images and performance 🎉 Thanks to our Champion and Sponsor supporters: 👾 Drake Milly 👾 Ulises Moralez 👾 Goddard Tan 👾 David MG 👾 Matthew Springman 👾 Claudio 👾 Oscar R. 👾 jedi-or-sith 👾 Nattira Maneerat 👾 Justin Hual -- Learn to code for free and get a developer job: Read hundreds of articles on programming:
  2024/10/03      youtube

関連するプログラミング動画 [mobile]

Our Tag

最近投稿されたプログラミング学習動画

Why Quantum Computing And AI Could Change Everything | Quantum AI Expl

🔥Enroll Now To The Best AI and Machine L...

  2026/06/19

AWS Solutions Architect Full Course 2026 [FREE] | AWS Solutions Archit

Amazon

🔥AWS Solution Architect Certification Tr...

  2026/06/19

Tableau Desktop Specialist Full Course 2026 | Tableau Desktop Speciali

🔥Top Data Analytics and Data Science Cou...

  2026/06/19

AWS Solution Architect Full Course 2026 [FREE] | AWS Solution Architec

Amazon

🔥AWS Solution Architect Certification Tr...

  2026/06/19

Why apps designed by AI look like apps designed by AI - and why skille

Design

Here, Chris Coyier talks about why apps ...

  2026/06/18

Why Computers Can’t Count Money

Ever wonder why computers struggle with ...

  2026/06/18

Claude API Crash Course #3 - Making the Prompt Dynamic

In this Claude API course, you'll learn ...

  2026/06/18

Create autonomous agents with Amazon Quick | Amazon Web Services

Amazon

Agents in Amazon Quick just leveled up. ...

  2026/06/17

Focus on what matters with Amazon Quick activity feed | Amazon Web Ser

Amazon

Communication overwhelm ends now. Amaz...

  2026/06/17

Get the data you need with Amazon Quick | Amazon Web Services

Amazon

Need an answer from data that lives acro...

  2026/06/17

Accelerate your migration with AWS Startups | Amazon Web Services

Amazon

AWS Startups offers AI-powered migration...

  2026/06/17

Build smarter and faster with AWS Startup Advisor | Amazon Web Service

Amazon

AWS Startup Advisor is a personalized, A...

  2026/06/17

A global team bringing you the future of the web

A global team bringing you the future of...

  2026/06/17

What is FedCM and how does it improve online privacy?

Discover FedCM, a browser-mediated way t...

  2026/06/17

Getting started with AWS Security Incident Response | Amazon Web Servi

Amazon
Security

This video walks customers through the v...

  2026/06/16